import React from 'react';

class StatusIcon extends React.Component {
    constructor(props, context) {
        super(props, context);
        this.statusMapStyle = {
            "New": { backgroundColor: "#B152D5", color:"white"},
            "In Progress": { backgroundColor: "#987F37", color:"black"},
            "Hired": { backgroundColor: "#63D01F", color:"white"},
            "Open": { border: ".04rem solid #FDD364" }
        }
    }
    render() {
        return <span className='statusIcon' style={{...this.statusMapStyle[this.props.status], ...this.props.style}}>
            {this.props.status}
        </span>;
    }
}

export default StatusIcon;